// 共享状态钩子  usecontext共享状态 模块的函数 钩子
import React, { useState, useContext } from 'react'

function App() {
    const AppContext = React.createContext()
    // 第一个组件
    const Achild = () => {
        const { name } = useContext(AppContext)

        return (
            <div>组件的名字 {name}</div>
        )
    }

    // 第二 个组件
    const Bchild = () => {
        const { name2 } = useContext(AppContext)

        return (
            <div>组件的名字 {name2}</div>
        )
    }
    return (
            <AppContext.Provider value={{name:'zs',name2:'lisi'}}>
                <Achild></Achild>
                <Bchild></Bchild>
            </AppContext.Provider>
        )
}



export default App